<div>
	<yu-panel title="人员待办监控">
		<yu-xform v-model="formdata" related-table-name="reftable" form-type="search" label-width="120px">
			<yu-xform-group :column="3">
				<yu-xform-item label="流程实例号" placeholder="流程实例号" ctype="input" name="instanceId"></yu-xform-item>
				<yu-xform-item label="流程名称" placeholder="流程名称" ctype="input" name="flowName"></yu-xform-item>
				<yu-xform-item label="业务流水号" placeholder="业务流水号" ctype="input" name="bizId"></yu-xform-item>
				<yu-xform-item label="待办人员编号" placeholder="待办人员编号" ctype="input" name="userId"></yu-xform-item>
			</yu-xform-group>
    </yu-xform>
    <el-table-x ref="reftable" :row-index="true" @custom-row-op="customRowOp" :data-url="urls.index" :table-columns="tableColumns">
      </el-table-x>
	</yu-panel>
	<el-dialog :title="UserSelect[title]" :visible.sync="UserSelect.showUserDialog" @open="submitbefore">
		<el-card class="box-card" v-show="true">
			<el-tag v-for="tag in UserSelect.SelectUsers" :key="tag.userId" type="success" closable @close="TagClose(tag)">
				{{tag.userName}}
			</el-tag>
		</el-card>
		<el-table ref="UserTableRef" :data="UserSelect.Users" @row-dblclick="RowDbClick">
			<el-table-column prop="userId" label="用户编号" align="center">
			</el-table-column>
			<el-table-column prop="userName" label="用户姓名" align="center">
			</el-table-column>
		</el-table>
		<el-pagination small layout="prev, pager, next, sizes, total, jumper" :page-sizes="[5, 10, 15, 20]" :page-size="pagesize"
		 :current-page="currentPage" :total="total" @current-change="CurrentChange" @size-change="SizeChange">
		</el-pagination>
		<div style="margin-top: 20px" align="center">
			<el-button type="primary" @click="UserDialogClose">确 定</el-button>
			<el-button @click="UserSelect.showUserDialog = false">取消</el-button>
		</div>
	</el-dialog>
</div>